<template>
  <div class="audition290">
    <p>React在props或state发生改变时，会调用React的render方法，创建一颗不同的树</p>
    <p>React需要基于这两颗不同的树之间的差别来判断如何有效的更新UI</p>
    <p>diff算法，将两颗树完全比较更新的算法从O(n^3^),优化成O(n)；</p>
    <p>
      <span class="indient">同层节点之间相互比较，不会跨节点比较</span><br>
      <span class="indient">不同类型的节点，产生不同的树结构</span><br>
      <span class="indient">设置key来指定节点在不同的渲染下保持稳定</span>
    </p>
  </div>
</template>

<script>
export default {
  name: 'Audition290'
}
</script>

<style>

</style>